/* @group REINITIALISER  */

/* réinitialiser (methode E.Mayer) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        vertical-align: middle;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



/* @end */

body {
	margin: 0;
	padding: 0;
	font: 85% Helvetica, Arial, Sans-Serif;
	color: #000;
	background-color: #ecddc7;
}

#haut {
	width: 100%;
	min-width: 948px;
	height: 204px;
	background: url(../img/bgHaut.jpg) repeat-x center;
}
#bgbody {
	width: 100%;
	min-width: 948px;
	overflow: hidden;
}
#bgpage {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	background: #ecddc7 url(../img/bgBody.jpg) repeat-y center;
}

#page {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bgPage.jpg) no-repeat center top;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 12px;
	margin-top: -118px;
}

a, a:visited {
	color: #6b6b6b;
	text-decoration: none;
}

/* @group ELEMENTS-TOP */

img#logo {
	top: 0;
	position: absolute;
}

h1#accroche {
	position: absolute;
	top: 0;
	color: #68b7d5;
	z-index: 10;
	margin-top: 68px;
	text-align: center;
	width: 500px;
	margin-left: 205px;
}

p.drapeaux {
	top: 0;
	width: 80px;
	position: absolute;
	margin-left: 833px;
	margin-top: 8px;
}

p#donateSubscribeContact {
	position: absolute;
	top: 0;
	margin-top: 47px;
	text-transform: uppercase;
	color: #bbb;
	font-size: 11px;
	letter-spacing: 0.4px;
	text-align: right;
	width: 910px;
}


p#socialnetworks2 {
	position: absolute;
	top: 0;
	margin-top: 72px;
	color: #bbb;
	font-size: 11px;
	letter-spacing: 0.4px;
	text-align: right;
	width: 910px;
	vertical-align:middle;
}
p.socialnetworks {
	font-size: 9px;
}

p.socialnetworks img {
	vertical-align:middle;
}

p#donateSubscribeContact a,
p#donateSubscribeContact a:visited {
	color: #bbb;
}

div#recherche {
	position: absolute;
	top: 0;
	margin-left: 731px;
	margin-top: 65px;
	width: 178px;
}

div#recherche input.forml {
	width: 147px;
	color: #8f8f8f;
	border: 2px solid #e4e4e4;
	padding: 2px;
}

div#recherche input.formBout {
	height: 15px;
	vertical-align: middle;
}



/* @end */

div.cleaner {
	clear: both;
}

/* @group FIL-ARIANE */

#page .gauche p#filAriane {
	color: #8f8f8f;
	margin-bottom: 10px;
	font-size: 0.95em;
	border-right-width: 0;
	border-left-width: 0;
	padding-top: 4px;
	padding-bottom: 6px;
	border: 1px dotted #d4d4d4;
	border-left-style: none;
	border-right-style: none;
	/* text-transform: lowercase; */
}



/* @end */

/* @group MENU */

#page #menu {
	width: 100%;
	float: left;
	background: url(../img/bgMenu.jpg) repeat-x;
}

#page #menu ul {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

#page #menu ul li {
	padding: 4px 15px;
	float: left;
	border-right: 1px solid #e9b76f;
}

#page #menu ul li a, 
#page #menu ul li a:visited {
	color: #fff;
}

#page #menu ul li.on {
	background-color: #fff;
	border-right-color: #fff;
}

#page #menu ul li.on a, 
#page #menu ul li.on a:visited {
	color: #E98321;
}

#page #menu ul li ul {
	margin-top: 20px;
	width: 170px;
	z-index: 10;
	margin-left: -15px;
	position: absolute;
	background-color: #F28600;
}

#page #menu ul li ul li {
	border-bottom: 1px solid #e9b76f;
	margin: 0;
	font-size: 0.95em;
	padding: 5px;
	width: 160px;
	border-right-width: 0;
}

#page #menu ul li.on ul li a,
#page #menu ul li.on ul li a:visited {
	color: #fff;
}

#page #menu ul li ul#smenu1,
#page #menu ul li ul#smenu2,
#page #menu ul li ul#smenu3,
#page #menu ul li ul#smenu4,
#page #menu ul li ul#smenu5,
#page #menu ul li ul#smenu6,
#page #menu ul li ul#smenu7,
#page #menu ul li ul#smenu8,
#page #menu ul li ul#smenu9,
#page #menu ul li ul#smenu10,
#page #menu ul li ul#smenu11,
#page #menu ul li ul#smenu12,
#page #menu ul li ul#smenu13,
#page #menu ul li ul#smenu14,
#page #menu ul li ul#smenu15,
#page #menu ul li ul#smenu16,
#page #menu ul li ul#smenu17,
#page #menu ul li ul#smenu18,
#page #menu ul li ul#smenu19,
#page #menu ul li ul#smenu20,
#page #menu ul li ul#smenu21,
#page #menu ul li ul#smenu22,
#page #menu ul li ul#smenu23,
#page #menu ul li ul#smenu24,
#page #menu ul li ul#smenu53,
#page #menu ul li ul#smenu55,
#page #menu ul li ul#smenu63 {
	display: none;
}

#page #menu ul li ul li ul {
	padding: 0;
	position: relative;
	margin: 0;
	line-height: 1.3em;
	width: 160px;
}

#page #menu ul li ul li ul li {
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 0.9em;
	border-style: none;
}

#page #menu ul li ul li ul li a,
#page #menu ul li ul li ul li a:visited,
#page #menu ul li.on ul li ul li a,
#page #menu ul li.on ul li ul li a:visited {
	color: #f6d4bd;
}

#page #menu ul li ul li ul li a:hover,
#page #menu ul li.on ul li ul li a:hover {
	color: #fff;
}

#page #menu .login {
	padding: 0 3px;
	color: #000f33;
}

/* @end */

#page .gauche {
	width: 720px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 0.95em;
}

#page .droite {
	float: left;
	width: 179px;
	margin-left:20;   
}

/* @group COLONNE-GAUCHE */

/* @group what is blue energy */

#page .gauche .whatIsBlueEnergy {
}

#page .gauche .whatIsBlueEnergy h1 {
}

#page .gauche .whatIsBlueEnergy p strong {
	font-style: normal;
	font-weight: normal;
}



/* @end */

#page .gauche .article h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: normal;
	color: #000;
	line-height:2em;
	font: 21px Helvetica, Arial, Sans-Serif;
	color: #000f33
}


#page .gauche .article h1 a,
#page .gauche .article h1 a:visited {
	color: #000f33;
	text-decoration: none;
}

#page .gauche ul#menuRubNiv3 {
	margin-bottom: 10px;
	font-size: 1.1em;
}

#page .gauche ul#menuRubNiv3 li {
	display: inline;
	margin-right: 10px;
}

#page .gauche h2 {
	color: #d16723;
	margin-bottom: 5px;
	font-size: 1.3em;
}

#page .gauche div#diaporama_innerfade {
	margin-bottom: 10px;
}

#page .gauche .article {
	border-bottom: 1px dotted #b3b3b3;
	margin-bottom: 10px;
	/*padding-right: 10px;*/
	padding-bottom: 10px;
	font: 12px/17.4px Helvetica, Arial, Sans-Serif;
	/* letter-spacing: 0.3px; */
}

#page .gauche .article p {
	text-align : justify;
}

#page .gauche .article p.telechargerDocument a {
	border: 1px dotted #b3b3b3;
	padding: 10px 10px 10px 0px;	
}

#page .gauche .article p.telechargerDocument img {
        vertical-align: middle;
}

#page .gauche .article a {
	color: #2884b8;
	text-decoration: none;
}

#page .gauche p.readMore {
	text-align: right;
	margin: 0;
	padding: 0;
}

#page .gauche .article h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000f33;
	line-height: 1.5em;
	font-size: 17px;
}

#page .gauche .article strong {
	font-weight: bold;
	color: #000f33;	
}

#page .gauche .article p {
	margin-bottom: 15px;
}

#page .gauche .article p.logo02 {
	float: left;
	margin-right: 6px;
	margin-left: 9px;
	width: 185px;
}

#page .gauche .article p.logo02 img {
	float: right;
}

#page .gauche .article p.logo03 {
	float: left;
	margin-right: 6px;
	margin-left: 9px;
        width: 85px;
}

#page .gauche .article p.logo03 img {
	float: right;
}

#page .gauche .article p.datePublication {
	color: #808080;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
	margin: 0;
}

#page .gauche .article .texte {
	display: table;
}

#page .gauche .article img.spip_logos {
	margin-right: 7px;
	margin-top: 2px;
	padding: 2px 2px 2px 0;
	border: 0 solid #e3e3e3;
	width: 180px;
	float: left;
	margin-left: 0;
}

#page .gauche .article .spip_documents_left {
	width: 620px;
	float: left;
	clear: both;
}

#page .gauche .article .spip_documents_center {
	width: 620px;
	text-align: center;
}

#page .gauche .article .spip_documents_right {
	width: 620px;
	text-align: right;
}

#page .gauche .article dl dt img,
#page .gauche .article img {
	margin: 0 15px;
	padding: 4px;
}

#page .gauche .article span.imageClassique {
	margin: 7px;
	width: 100%;
	text-align: center;
	float: left;
}

#page .gauche .article span.imageClassique i {
	color: #808080;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
}

#page .gauche .article ul.spip {
	list-style-type: disc;
	padding-left: 15px;
}

#page .gauche hr.spip {
	border-style: none;
	border-bottom: 1px dotted #d8d8d8;
}



/* @end */

/* @group TABLE */

#page .gauche table.spip {
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse:collapse
}

#page .gauche table.spip tr td {
	padding: 2px 6px;
	border: 1px dotted #d4d4d4;	
}

#page .gauche table.spip tr td strong {
	font-weight: bold;
}

#page .gauche table.spip th {
	padding: 2px 6px;
	border: 1px dotted #d4d4d4;
}

#page .gauche table.spip tr.row_even {
	background-color: #fff;
}

#page .gauche table.spip tr.row_odd {
	background-color: #fff;
}

#page .gauche .article #map1.carte_gis {
	margin-bottom: 7px;
}



/* @end */

/* @group SOUS-MENU-RUB-3 */

#page .gauche ul#menuSousRub3 {
	margin-bottom: 10px;
	font-size: 1.1em;
}

#page .gauche ul#menuSousRub3 li {
	display: inline;
	margin-right: 5px;
	padding-right: 4px;
	border-right: 1px solid #989898;
}

#page .gauche ul#menuSousRub3 li.on {
	font-weight: bold;
}



/* @end */

/* @group COLONNE-DROITE */

#page div.droite {
	margin-top: 10px;
	font-size: 0.8em;
}

#page div.droite div.bleu {
	margin-bottom: 1px;
	color: #000;
}

#page div.droite div.bleu .texte {
	display: table;
}

#page div.droite div.bleu p.readMore {
	text-align: right;
	font-style: italic;
}

#page div.droite div.bleu div.contenu {
	padding: 10px;
}

#page div.droite div.bleu img {
	float: left;
	border: 1px solid #9bd2f2;
	margin-top: 2px;
	margin-right: 5px;
}

#page div.droite div.bleu a,
#page div.droite div.bleu a:visited {
	color: #174159;
}

#page div.droite div.bleu h1 {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

#page div.droite div.bleu h2 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 1.1em;
}

#page div.droite div.bleu h3 {
	margin-bottom: 3px;
}

#page div.droite div.b01 {
	background-color: #62b8ea;
}

#page div.droite div.b01Menu {
	background-color: #62b8ea;
	margin-bottom: 10px;
	font-size: 1.1em;
}

#page div.droite div.b01 h2 a,
#page div.droite div.b01 h2 a:visited,
#page div.droite div.b01 h3 a,
#page div.droite div.b01 h3 a:visited {
	color: #fff;
}

#page div.droite div.b01 h2,
#page div.droite div.b01 h3 {
	color: #fff;
}

#page div.droite div.b02 {
	background-color: #9bd2f2;
}

#page div.droite div.b02 h2 {
	color: #3b779e;
}

#page div.droite div.b03 {
	background-color: #d2e9f7;
}

#page div.droite div.b03 h2 {
	color: #6498b5;
}

#page div.droite div.b04 {
	background-color: #e2f1fc;
}

#page div.droite div.b04 h2 {
	color: #74b0d2;
}

#page div.droite div.b05 {
	background-color: #eef6fc;
}

/* @group TABLE DROITE */

#page div.droite div.bleu table {
	font-size: 0.95em;
}

#page div.droite div.bleu table tr td {
	padding-right: 10px;
}



/* @end */

#page div.droite ul {
	letter-spacing: 1px;
}

#page div.droite ul li {
	background-color: #9bd2f2;
	border-top: 1px solid #c4eaf6;
	padding: 5px 5px 5px 10px;
}

#page div.droite div.bleu ul li.on a,
#page div.droite div.bleu ul li.on a:visited {
	color: #fff;
}

#page div.droite ul li.on {
	background-color: #62b8ea;
}

#page div.droite ul li:hover {
	background-color: #62b8ea;
}

#page div.droite ul ul {
	padding-left: 0;
	margin: 0;
}

#page div.droite ul ul li {
	padding-left: 25px;
	border-bottom-width: 0;
	border-top-width: 0;
	font-size: 0.9em;
	padding-top: 3px;
	padding-bottom: 3px;
}

#page div.droite div.bleu ul ul li a,
#page div.droite div.bleu ul ul li a:visited {
	font-weight: normal;
	font-style: normal;
}

#page div.droite ul#support {
	margin: 0;
	padding: 0;
}

#page div.droite ul#support li {
	border-style: none;
	padding: 2px 0;
	background-color: transparent;
}

#page div.droite ul#support li:hover {
	background-color: transparent;
}



/* @end */

/* @group FORM */

#page .gauche .spip_forms {
	border-style: none;
	margin: 0 0 20px 70px;
	padding: 0;
	width: 600px;
}

#page .gauche .spip_forms fieldset {
	margin: 0;
	border-style: none;
}

#page .gauche .spip_forms span.spip_form_label {
	font-weight: normal;
	font-style: normal;
	width: 530px;
}

#page .gauche .spip_forms span.spip_form_label label {
	font-weight: normal;
	font-style: normal;
}

#page .gauche .spip_forms span.formInfo {
	position: absolute;
	margin-left: 535px;
	margin-top: 4px;
}

#page .gauche .spip_forms .date-picker-holder a.date-picker {
	margin-left: 5px;
	position: absolute;
	margin-top: 3px;
}

#page .gauche .spip_forms span.formInfo a {
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	background-color: #71b9e1;
	color: #fff;
	padding: 3px;
}

#page .gauche .spip_forms fieldset legend {
	display: none;
}

#page .gauche .spip_forms fieldset input,
#page .gauche .spip_forms fieldset textarea,
#page .gauche .spip_forms fieldset select {
	background-color: #f7f7f7;
	margin-top: 5px;
	border-top-color: #b1b1b1;
	border: 1px solid #bebebe;
	padding: 2px;
	width: 530px;
}

#page .gauche .spip_forms div .spip_bouton input {
	background-color: #2F9CD8;
	border-style: none;
	color: #fff;
	width: auto;
	font: normal normal 12px Helvetica, Arial, Sans-Serif;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 50px;
}



/* @end */

#page div.droite div.b04 {
	background-color: #e2f1fc;
}

/* @group PIED PAGE */

#page #piedPage {
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 0.9em;
	color: #8f8f8f;
	margin-left: 20px;
}

#page #piedPage a {
	color: #8f8f8f;
}



/* @end */

/* @group MAP GOOGLE */

#page .gauche .article #map1.carte_gis .gmnoprint {
	line-height: 1.1em;
}



/* @end */

/* @group PLAN SITE */

#page .gauche .planSite {
	line-height: 1.7em;
}

#page .gauche .planSite a {
	text-decoration: none;
}

#page .gauche .planSite a:hover {
	text-decoration: underline;
}

#page .gauche .planSite ul {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 30px;
}

#page .gauche .planSite ul li ul {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px dotted #478fb8;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

#page .gauche .planSite ul li ul li ul {
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
}



/* @end */
